import React from 'react';
import { View } from 'react-native';
import navigationhelper from 'src/components/navigationhelper'
import NavBar from 'src/components/navBar'
import ScrollableTabView from 'react-native-scrollable-tab-view'
import { deviceWidth } from '../../../util';
import RepayAllMentRecordList from './components/repayAllMentRecordList'

export default class repaymentRecord extends React.Component {

    constructor(props) {
      super(props);

      this.state = {
        dataArray:[]
      }
    }

    onConfirmSelectedDay = () => {
      
    }

    render(){
      return(
        <View style={{flex: 1}}>
        <NavBar 
          back={()=>{navigationhelper.goBack() }} 
          title={'还款记录'} 
          leftText={'返回'} 
        />

       <ScrollableTabView
                tabBarBackgroundColor={'#fff'}
                tabBarStyle={{height: 40}}
                tabBarActiveTextColor={'#ff2121'}
                tabBarInactiveTextColor={'#2e2e2e'}
                tabBarTextStyle={{ fontSize: 14, paddingTop: 6 }}
                tabBarUnderlineStyle={{
                    width: 40,
                    height: 3,
                    borderRadius: 1.5,
                    backgroundColor: '#ff2121',
                    marginLeft: deviceWidth / 20,
                }}>
             <RepayAllMentRecordList  status={0} tabLabel={'全部'}/>
             <RepayAllMentRecordList  status={2}  tabLabel={'执行中'}/>
             <RepayAllMentRecordList  status={3}  tabLabel={'已完成'}/>
             <RepayAllMentRecordList  status={5}  tabLabel={'已失败'}/>
             <RepayAllMentRecordList  status={4}  tabLabel={'已取消'}/>
        </ScrollableTabView>
     </View>
      ) 
    }

}